<template>
	<view>
		<uni-popup ref="popup2" type="center">
		  <view class="tancbj">
		   <!-- <image class="tancbj" src="/static/index/bj22.png" mode=""></image> -->
			   <view class="tancbox">
				<image class="tancbei" src="http://img.bilinmeiju.com/bjlogin.png" mode=""></image>
			   </view>
			   <view class="" style="padding:0 10rpx;">
					<view class="tancbox2">
					 {{box.title?box.title:'提示'}}
					</view>
					<view class="tanctext">
					 {{box.content?box.content:''}}
					</view>
					<view class="tanctext">
					 {{box.content2?box.content2:''}}
					</view>
			   </view>
		
			   <view class="" style="margin: 20rpx auto;width: 299rpx;">
				<image class="tancqr" src="http://img.bilinmeiju.com/queren.png" mode=""></image>
			   </view>
			   <view class="tancqd" @click="enter">
				{{box.btntitle?box.btntitle:'确定'}}
			   </view>
		  </view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name:"box",
		data() {
			return {
				box:{}
			};
		},
		
		created() {
			
		},
		methods:{
			open(box){
				this.box = box;
				this.$refs.popup2.open();
			},
			enter(){
				var path = this.box.path;
				this.$refs.popup2.close();
				if(path){
					if(path=='goback'){
						uni.navigateBack();
					}else{
						this.$gopage(path,this.box.type);
					}
				}
			}
		}
	}
</script>

<style>
.tancbj {
  margin: 0 auto;
  background-color: white;
  border-radius: 30rpx;
  width: 440rpx;
  height: 467rpx;
  z-index: 9999;

 }

 .tancbox {
  width: 203rpx;
  margin: 0 auto;
 }

 .tancbei {
  z-index: 1;
  margin-top: -25rpx;
  width: 203rpx;
  height: 198rpx;
 }

 .tancbox2 {
  margin: 10rpx auto;
  text-align: center;
  font-size: 32rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #333333;
 }

 .tanctext {
  margin: 10rpx auto;
  text-align: center;
  font-size: 24rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #999999;
 }

 .tancqr {
  width: 299rpx;
  height: 147rpx;
 }

 .tancqd {
  width: 200rpx;
  height: 80rpx;
  margin: 0 auto;
  margin-top: -164rpx;
  font-size: 32rpx;
  line-height: 80rpx;
  text-align: center;
  font-family: iekie;
  font-weight: normal;
  color: #FFFFFF;
 }
</style>